<template name="ys-buy-bottom">
<view class="ys-buy-bottom">
    <view class="cart-icon-msg">
        <text wx:if="num" class="num-tip"></text>
    </view>
    <button class="join-btn">加入购物车</button>
    <button class="buy-btn">立即购买</button>
</view>
</template>

<script>
    export default {
        name: "ys-bottom-nav",
        props: {
            num: {
                type: Boolean,
                default: false
            }
        },
        mounted() {
        },
        data() {
            return {

            };
        },
        methods: {

        }
    }        
</script>

<style lang="scss">
    .ys-buy-bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100rpx;
        background-color: #fff;
        overflow: hidden;
        z-index: 10;
        display: -webkit-flex;   
        .cart-icon-msg {
            -webkit-flex:1;
            position:relative;
            background: url('') center center no-repeat;
            background-size: 50rpx auto;            
            .num-tip {
                
            }
        }
        .join-btn {
            -webkit-flex: 1;
            font-size: 30upx;
            color: #333;
            text-align: center;
            line-height: 100upx;  
            background-color:#FF530F;
        }
        .buy-btn {
            -webkit-flex: 1;
            font-size: 30upx;
            color: #333;
            text-align: center;
            line-height: 100upx;    
            background-color: #FFDE00;        
        }
    }
</style>
